import styled from 'styled-components'


const CellboxContainer = styled.div`
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;

`


const CellGoodsbox = styled.div`
    width:100%;
    height:2.64rem;
    display:flex;

`


const CellLeftbox = styled.a`
    width: 48%;
    height:100%;
    display: block;
    img{
        height:2.64rem;
    }
`

const CellRightbox = styled.a`
    width:48%;
    height:100%;
    display: block;
    padding-left:0.08rem;
    img{
        height:1.31rem;
    }

`

const YouthVersion = styled.div`
    width:100%;
    height:1.45rem;
    img{
        height:100%;
        width:100%;

    }
`

const DailySelection = styled.div`
    width:100%;
    height:2.29rem;
    img{
        width:100%;
        height:100%;
    }
   
`

const Commodity = styled.div`
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    .list_two_type1 {
        width:50%;
        height:100%;
        padding-left:0.02rem;
        img{
            width:100%;
        }
    }
    .info{
        padding: .1rem .13rem;
        text-align: left;
    }
    .name{
        font-size: .14rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .brief{
        margin-top: .03rem;
        font-size: .11rem;
        line-height: .15rem;
        color: rgba(0,0,0,.54);
    }
    .price{
        font-size: .14rem;
        color: #ea625b;
        height: 1.5em;
        line-height: 1.5em;
        position: relative;
        display: inline-block;
    }
    .old_price{
        display: inline-block;
        margin: 0 .05rem;
        font-size: .11rem;
        color: rgba(0,0,0,.54);
        text-decoration:line-through;
    }
`


export {
    CellboxContainer,
    CellGoodsbox,
    CellLeftbox,
    CellRightbox,
    YouthVersion,
    DailySelection,
    Commodity
}